<template>
    <div style="width: 500px;">
        <el-form label-width="80px"  size="small">
         <el-form-item label="用户名" >
            <el-input  autocomplete="off"></el-input>
         </el-form-item>
         <el-form-item label="昵称" >
            <el-input  autocomplete="off"></el-input>
         </el-form-item>
         <el-form-item label="电话" >
            <el-input  autocomplete="off"></el-input>
         </el-form-item>
         <el-form-item label="邮箱" >
            <el-input  autocomplete="off"></el-input>
         </el-form-item>
         <el-form-item>
            <el-button type="primary" @click="add()">确定</el-button>
         </el-form-item>
        </el-form>
    </div>
</template>
<script>
export default {
  data () {
    return {
    }
  },
  created () {
  },
  computed: {
  },
  methods: {
    add () {
      this.$message.success('添加成功')
    }
  }
}
</script>
<style lang="scss" scoped>

</style>
